<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>浙江政务服务网-我的申请</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/zjzwfw.css">
    <link rel="stylesheet" href="css/state.css">
    <script src="js/jquery.1.9.1.min.js"></script>
    <script src="js/state.js"></script>

	<script src="js/jquery.min.js"></script>
	<script src="js/bootstrap.min.js"></script>

</head>
<body>
    <!-- 头部 begin -->
    <div class="zjzw-header">
        <div class="container">
            <div class="row">
                <div class="span6">
                    <a href="http://www.zjzwfw.gov.cn/"><img src="images/logo.png" alt="浙江政务服务网"></a>
                    <span class="zjzw-header-name">浙江省商事登记证照联办平台</span>
                </div>
            </div>
        </div>
    </div>
    <!-- 头部 end -->
	<div class="container" >
		<p class="text14">当前位置:<span style="color:#1492ff">商事登记证照联办>我的申请</span></p>  
    </div>

    <div class="container zjzw-body" >
		
        <form style=" display:block; width:98%; height:56px; position:relative;margin: 10px auto;"> 
			<select style=" width:150px; height:37px; padding-left:10px; position:absolute; top:10px; right:290px; border:#dddddd solid 1px;; font-size:14px; line-height:27px; font-family:'微软雅黑'; color:#999;">
				 <option>全部</option>
				 <option>待提交</option>
				 <option>待预审</option>
				 <option>待补正</option>
				 <option>待办结</option>
				 <option>待受理</option>
		   </select>
			<input id="q" maxlength="25" size="20" onfocus="if(this.value=='请输入您想查询的事项'){this.value=''}" onblur="if(this.value==''){this.value='请输入您想查询的事项'}" value="请输入您想查询的事项" name="q" type="text" style=" width:230px; height:27px; padding-left:10px; position:absolute; top:10px; right:20px; border:#dddddd solid 1px;; font-size:14px; line-height:27px; font-family:'微软雅黑'; color:#999;">
			<input type="submit" name="submit" value="" style=" width:45px; height:37px; position:absolute; top:10px; right:0px; border:none; background:url(images/search_submit.png) top no-repeat; cursor:pointer;">
		</form>
        <table class="table-box">
       		<tr>
       			<th>事项编号</th>
       			<th>事项名称</th>
       			<th>申请时间</th>
       			<th>状态</th>
       			<th>操作</th>
		   </tr>
       		<tr>
       			<td>XXXXXXX</td>
       			<td>烟草专卖零售许可证</td>
       			<td>2018-03-23 12:12:12</td>
				<td><a data-toggle="modal" data-target="#look_state">待预审</a>
					<span><img src="images/update.png" width="16px" class="update"> </span>
				</td>
       			<td>
       				<ul>
						<li><a href="state_infor.html">查看</a></li>
						<li><a href="state_infor.html">修改</a></li>
						<div class="clearfix"></div>
					</ul>
       			</td>
		   </tr>
		   <tr>
       			<td>XXXXXXX</td>
       			<td>烟草专卖零售许可证</td>
       			<td>2018-03-23 12:12:12</td>
       			<td>待提交
					<span><img src="images/update.png" width="16px" class="update" id=" update1"> </span>

				</td>
       			<td>
       				<ul>
						<li><a href="state_infor.html">查看</a></li>
						<li><a href="state_infor.html">申请</a></li>
						<div class="clearfix"></div>
					</ul>
       			</td>
		   </tr>
		   <tr>
       			<td>XXXXXXX</td>
       			<td>烟草专卖零售许可证</td>
       			<td>2018-03-23 12:12:12</td>
       			<td>待预审</td>
       			<td>
       				<ul>
						<li><a href="state_infor.html">查看</a></li>
						<li><a href="state_infor.html" >申请</a></li>
						<div class="clearfix"></div>
					</ul>
       			</td>
		   </tr>
       	
       		<tr>
       			<td>XXXXXXX</td>
       			<td>烟草专卖零售许可证</td>
       			<td>2018-03-23 12:12:12</td>
       			<td>待提交</td>
       			<td>
       				<ul>
						<li><a href="state_infor.html">查看</a></li>
						<li ><a href="state_infor.html">申请</a></li>
						<div class="clearfix"></div>
					</ul>
       			</td>
		   </tr>
		   <tr>
       			<td>XXXXXXX</td>
       			<td>烟草专卖零售许可证</td>
       			<td>2018-03-23 12:12:12</td>
       			<td>待补正</td>
       			<td></td>
		   </tr>
		   <tr>
       			<td>XXXXXXX</td>
       			<td>烟草专卖零售许可证</td>
       			<td>2018-03-23 12:12:12</td>
       			<td>待补正</td>
       			<td>
       				<ul>
						<li><a href="state_infor.html">查看</a></li>
						<li ><a href="state_infor.html">修改</a></li>
						<li ><a href="state_infor.html">删除</a></li>
						<div class="clearfix"></div>
					</ul>
       			</td>
		   </tr>
       	
       		<tr>
       			<td>XXXXXXX</td>
       			<td>烟草专卖零售许可证</td>
       			<td>2018-03-23 12:12:12</td>
       			<td>待办结</td>
       			<td>
       				<ul>
						<li><a href="state_infor.html">查看</a></li>
						<li ><a href="state_infor.html" >查看</a></li>
						<div class="clearfix"></div>
					</ul>
       			</td>
       			
		   </tr>
		   <tr>
       			<td>XXXXXXX</td>
       			<td>烟草专卖零售许可证</td>
       			<td>2018-03-23 12:12:12</td>
       			<td>待办结</td>
       			<td>
       				<ul>
						<li><a href="state_infor.html">查看</a></li>
						<li ><a href="state_infor.html" >查看</a></li>
						<div class="clearfix"></div>
					</ul>
       			</td>
		   </tr>
		   <tr>
       			<td>XXXXXXX</td>
       			<td>烟草专卖零售许可证</td>
       			<td>2018-03-23 12:12:12</td>
       			<td>办结</td>
       			<td>
       				<ul>
						<li><a>查看</a></li>
						<li ><a  data-toggle="modal" data-target="#assess">评价</a></li>
						<div class="clearfix"></div>
					</ul>
       			</td>
		   </tr>
	   </table>
        <div style="text-align: center;margin: 80px auto;" >
            <img src="images/no_result.png" width="80px">
            <h5 style="color:#999">你还有没有办理事项哦！</h5>

        </div>


       <ul class="buttom_box">
       		<li ><a  href="浙江政务服务网.html">返回首页</a></li>
       		<div class="clearfix"></div>
       </ul>


	</div>

    <!-- 尾部 begin -->
    <div class="zjzw-footer">
        <div class="container">
            <div class="row">
                <div class="span12">
                    <p class="hotline">服务咨询热线：0571-XXXXXXXX</p>
                    <p>本服务由xxx单位提供</p>
                    <p>浙江政务服务网</p>
                    <br/>
                </div>
            </div>
            <div class="row">
                <div class="span1">&nbsp;</div>
                <div class="span10 copyright">
                    <p>
                        <span>版权所有 XX市XXXXXXXXX局，未经许可严禁复制或镜像</span>
                        <span>浙ICP备XXXXXXXX号-X</span>
                        <!-- <span>
                            <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=XXXXXXXX"><img src="images/zjzwfw_gaba.png"><span>浙公网安备 XXXXXX号</span></a>
                        </span> -->
                    </p>
                    <p>
                        <span>主管单位：XX市XXXXXXXXX局，</span>
                        <span>技术支持：XX市XXXXXXXXX有限公司</span>
                    </p>
                    <p>
                        <span>地址：XX市XXXXXXXXX</span>
                        <span>邮编：XXXXXX</span>
                        <span>电话：XXXXX</span>
                        <span>E-mail：XXX@XXX.com</span>
                    </p>
                    <img class="icon-dzjg" src="images/zjzwfw_dzjg.png" alt="党政机关">
                </div>
                <div class="span1">&nbsp;</div>
            </div>
        </div>
    </div>
    <!-- 尾部 end -->
    <!-- 模态框-->
    <div class="modal fade" id="assess" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header" style="background-color: #1492ff;height: 30px;border-top-left-radius: 4px;border-top-right-radius: 4px;">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="myModalLabel" style="font-size: 18px;font-weight: normal;line-height:12px;color: white;">
                        我要评价
                    </h4>
                </div>
                <div class="modal-body" style="padding-left: 24px;">
                    <div>
                         <h2 class="assess_name" style="float: left">服务评价：</h2>
                         <div class="star_box">
                              <span class="star_orange" data-num="1"></span>
                              <span class="star_orange" data-num="2"></span>
                              <span class="star_orange" data-num="3"></span>
                              <span class="star_orange" data-num="4"></span>
                              <span class="star_orange" data-num="5"></span>
                         </div>
                         <h2 class="assess_result">非常满意</h2>
                        <div class="clearfix"></div>
                    </div>
                    <div class="button_box">
                        <span class="tab_read start1" style="display: none;">办事拖拉</span>
                        <span class="tab_read start1" style="display: none;">   服务差</span>
                        <span class="tab_read start2" style="display: none;"> 时间周期太长</span>
                        <span class="tab_read start2" style="display: none;">  办事心累</span>
                        <span class="tab_read start3" style="display: none;"> 下次还会尝试  </span>
                        <span class="tab_read start3" style="display: none;">  流程有待改进</span>
                        <span class="tab_read start4" style="display: none;">服务热情好</span>
                        <span class="tab_read start4" style="display: none;">大厅整洁</span>
                        <span class="tab_read start5">办事效率高</span>
                        <span class="tab_read start5">我会推荐朋友的</span>
                    </div>
                    <textarea rows="4" type="text" class="assess_content" onclick="$(this).html(' ')">请输入您的办事感受</textarea>


                </div>
                <div class="modal-footer" style="background-color:white; text-align:center;">
                    <button type="button" class="sure" data-dismiss="modal" >匿名提交</button>

                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>
    <!-- 模态框 -->
	<!-- 模态框-->
	<div class="modal fade" id="look_state" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header" style="background-color: #1492ff;height: 30px;border-top-left-radius: 4px;border-top-right-radius: 4px;">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel" style="font-size: 18px;font-weight: normal;line-height:12px;color: white;">
						进度状态查看
					</h4>
				</div>
				<div class="modal-body">
					<ol class="progress-wrap">
						<li class="progress-one">
							<div class="progress-line line-bule"></div>
							<div class="progress-content">
								<span class="progress-number num-blue" >提交</span>

							</div>
						</li>
						<li class="progress-two">
							<div class="progress-line line-bule"></div>
							<div class="progress-content">
								<span class="progress-number num-blue" >预审</span>

							</div>
						</li>
						<li class="progress-two">
							<div class="progress-line line-bule"></div>
							<div class="progress-content">
								<span class="progress-number num-blue" >补正</span>

							</div>
						</li>
						<li class="progress-two">
							<div class="progress-line line-bule"></div>
							<div class="progress-content">
								<span class="progress-number num-blue" >再预审</span>
								<span class="progress-text"></span>
							</div>
						</li>
						<li class="progress-three">
							<div class="progress-line line-gray"></div>
							<div class="progress-content">
								<span class="progress-number num-orange" >核验</span>

							</div>
						</li>
						<li class="progress-four">
							<div class="progress-line line-gray"></div>
							<div class="progress-content">
								<span class="progress-number num-gray" >受理</span>

							</div>
						</li>
						<li class="progress-four">
							<div class="progress-line line-gray"></div>
							<div class="progress-content">
								<span class="progress-number num-gray">出件</span>

							</div>
						</li>
						<li class="progress-four">
							<div class="progress-line line-gray"></div>
							<div class="progress-content">
								<span class="progress-number num-gray">取件</span>

							</div>
						</li>

						<li class="progress-four">
							<div class="progress-content">
								<span class="progress-number num-gray">办结</span>
								<!--<span class="progress-text"></span>-->
							</div>
						</li>
					</ol>

				</div>
				<div class="modal-footer" style="background-color:white; text-align:center;">
					<button type="button" class="sure" data-dismiss="modal" >我知道了</button>

				</div>
			</div><!-- /.modal-content -->
		</div><!-- /.modal -->
	</div>
	<!-- 模态框 -->

</body>
</html>
